.dark-green-theme {
  --el-text-color-regular: #fff;
  --el-fill-color-blank: transparent;
  --el-border-color: #046d64;
  --el-border-color-hover: #089e91;
  --el-text-color-placeholder: #909399;
  // --el-table-border: 1px solid #046d64;
  --el-checkbox-disabled-input-fill: transparent;
  --el-mask-color: rgba(0, 0, 0, 0.35);
  --el-color-primary: #069c8e;
  --el-dialog-bg-color: rgb(0 50 50 / 95%);
  .el-table {
    --el-table-border: 1px solid #155349;
    --el-table-border-color: #155349;
    --el-table-row-hover-bg-color: #1553499e;
    // --el-table-bg-color: transparent !important;
    --el-table-header-bg-color: rgba(0, 50, 50, 0.65);
    thead {
      color: #eef1fa;
    }
    tr {
      background-color: rgba(0, 50, 50, 0.45);
    }

    thead.is-group {
      th.el-table__cell {
        background-color: rgb(1 42 42 / 95%);
      }
    }
  }

  .el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: transparent;
    cursor: not-allowed;
  }

  .el-input-group__append {
    background-color: var(--el-color-primary);
    color: var(--el-color-white);
  }

  .pagination-container {
    background: transparent !important;
  }

  .el-checkbox {
    // --el-checkbox-text-color: #c8c9cc !important;
  }

  .el-select-dropdown.is-multiple {
    .el-select-dropdown__item.selected {
      background-color: rgb(22, 39, 56);
    }
  }

  // .el-select-tags-wrapper,.el-cascader__tags {
  //   .el-tag.el-tag--info {
  //     background-color: rgb(63 113 153 / 65%);
  //     color: #fff;

  //     .el-tag__close {
  //       color: #fff;
  //     }
  //   }
  // }

  .el-tag.el-tag--info {
    background-color: rgb(63 113 153 / 45%);
    color: #fff;

    .el-tag__close {
      color: #fff;
    }
  }

  .el-button--primary.is-link,
  .el-button--primary.is-plain,
  .el-button--primary.is-text {
    color: #04c47d;
  }

  .el-button {
    --el-button-hover-bg-color: rgba(23, 154, 110, 0.15);
    --el-button-hover-link-text-color: #04c47dc3;
    --el-button-hover-border-color: #04c47e8a;
    --el-button-active-bg-color: #036158;
    --el-button-active-border-color: #036158;
    // --el-button-disabled-bg-color: rgb(235 245 255 / 15%);
  }

  .el-button--primary {
    // --el-button-hover-bg-color: var(--el-color-primary-light-3);
    --el-button-hover-bg-color: #06877a;
    --el-button-hover-border-color: #06877a;
  }

  .el-button.is-link:not(.is-disabled):active {
    color: #70b29a;
  }
  .el-button.is-text:not(.is-disabled):focus,
  .el-button.is-text:not(.is-disabled):hover {
    background-color: #00433d;
  }

  .el-pager li {
    color: #fff;
  }

  .el-pagination button {
    color: #fff;
  }

  .el-pagination button:hover {
    color: #04c47d;
  }

  .el-tabs--border-card {
    background-color: #304156;
    border: 1px solid rgba(20, 90, 230, 0.35);

    .el-tabs__header {
      background-color: rgba(4, 38, 106, 0.45);
      border-bottom: 1px solid rgba(20, 90, 230, 0.65);
      // background-color: #304156;
      .el-tabs__item {
        color: rgba(255, 255, 255, 0.85);
      }
    }

    .el-tabs__header .el-tabs__item.is-active {
      color: var(--el-menu-active-color);
      background-color: #304156;
      border-right-color: rgba(20, 90, 230, 0.65);
      border-left-color: rgba(20, 90, 230, 0.65);
    }
  }

  .el-slider {
    --el-slider-main-bg-color: #ffd231;
  }

  .el-tree {
    background: transparent;
    color: var(--el-text-color-regular);

    .el-tree-node__content:hover {
      background-color: rgb(22 39 56);
    }

    .is-current {
      .el-tree-node__content {
        background-color: rgb(22 39 56);
      }
    }

    .el-tree-node:focus > .el-tree-node__content {
      background-color: rgb(22 39 56);
    }
  }

  .el-switch {
    --el-switch-on-color: var(--el-color-primary);
    --el-switch-off-color: #4b6967;
  }
  .el-cascader__dropdown {
    // --el-cascader-menu-border: solid 1px #046d64;
    // --el-cascader-node-background-hover: rgb(22 39 56);

    // .el-cascader-node:not(.is-disabled):hover {
    //   background-color: rgb(22 39 56);
    // }

    .el-cascader-menu {
      border-right: solid 1px #046d64;
    }

    .el-cascader-node:not(.is-disabled):focus,
    .el-cascader-node:not(.is-disabled):hover {
      background-color: #00433d;
    }

    .el-cascader-node__label {
      color: var(--el-text-color-regular);
    }
  }

  // .el-select__popper {
  //   &
  // }

  .el-dropdown-menu {
    background-color: #00271f !important;
    .el-dropdown-menu__item--divided {
      border-top: 1px solid var(--el-border-color);
    }

    .el-dropdown-menu__item:not(.is-disabled):focus {
      background-color: #056e59;
      color: var(--el-dropdown-menuItem-hover-color);
    }
  }
  .el-picker-panel {
    background-color: #00271f !important;
  }

  .el-popper {
    background-color: #00271f !important;
    border: 1px solid #046d64 !important;
    color: #c8c9cc;
    box-shadow: var(--el-box-shadow-dark);
    // .el-popper__arrow {
    //   background: rgba(0, 50, 50, 0.95) !important;
    // }

    .el-popper__arrow::before {
      border: 1px solid #046d64 !important;
      background: rgba(0, 50, 50, 0.95) !important;
      border-bottom-color: #046d64 !important;
      border-right-color: #046d64 !important;
    }
    .el-select-dropdown__item.hover,
    .el-select-dropdown__item:not(.is-disabled):focus,
    .el-select-dropdown__item:not(.is-disabled):hover {
      background-color: #00433d;
    }

    .el-select-dropdown__item {
      color: var(--el-text-color-regular);
    }

    .el-select-dropdown__item.is-hovering {
      background-color: #00433d;
    }
    .el-dropdown-menu__item:not(.is-disabled):hover {
      background-color: #00433d;
    }
  }

  .el-button--default {
    // background-color: transparent;
  }
  // 主页面
  // 输入框
  .el-input__wrapper {
  }

  .is-disabled {
    .el-input__wrapper,
    .el-textarea__inner {
      background: rgba(19, 40, 57, 0.35) !important;
    }
  }
  .el-textarea__inner {
    background: rgba(19, 40, 57, 0.8) !important;
    border: 1px solid #046d64 !important;
    box-shadow: none !important;
  }
  .el-textarea .el-input__count {
    background: none !important;
  }
  .el-card {
    background: rgb(18, 37, 54) !important;
    border: 1px solid #046d64 !important;
    --el-card-border-color: #046d64 !important;
  }
  .el-divider--vertical {
    height: 2rem !important;
    border-left: 1px solid var(--el-card-border-color) !important;
  }

  .tags-view-container {
    background: #0a1824 !important;
    border-bottom: #397ec0 1px solid !important;
  }
  .el-breadcrumb__inner a,
  .el-breadcrumb__inner.is-link {
    color: #fff !important;
    font-weight: bold !important;
  }
  .app-breadcrumb.el-breadcrumb .no-redirect {
    color: #bcbfbd !important;
  }
  .el-breadcrumb__separator {
    color: #bcbfbd !important;
  }
  .navbar .right-menu .right-menu-item {
    color: #bcbfbd !important;
    display: flex !important;
    align-items: center !important;
  }
  .el-dropdown {
    color: #bcbfbd !important;
  }

  .tags-view-container .tags-view-wrapper .tags-view-item {
    color: #fff !important;
    background-color: #0a1824 !important; /* 设置背景颜色为 #0A1824 */
    border: 1px solid #046d64 !important;
  }
  .tags-view-container .tags-view-wrapper .tags-view-item.active {
    background-image: linear-gradient(to bottom, #044b9a, #086cc6) !important;
  }

  .el-menu {
    background-color: #0e1f2d !important;
  }
  .el-sub-menu__title {
    background-color: #0e1f2d !important;
  }
  // .el-menu-item{
  //   border-top: 1px solid  #046d64 !important;
  // }

  .el-menu-item.is-active {
    background: linear-gradient(180deg, #00478c 0%, #006cd6 100%) !important;
    font-size: 16px;
    color: #fff !important;
  }
  .el-empty {
    --el-empty-fill-color-0: var(--el-color-white);
    --el-empty-fill-color-1: #5a657c !important;
    --el-empty-fill-color-2: #8893aa !important;
    --el-empty-fill-color-3: #687288 !important;
    --el-empty-fill-color-4: #a8acbe !important;
    --el-empty-fill-color-5: #a3a9bf !important;
    --el-empty-fill-color-6: #b5bbc7 !important;
    --el-empty-fill-color-7: #6b7c8c !important;
    --el-empty-fill-color-8: #7785a6 !important;
    --el-empty-fill-color-9: #6f7b92 !important;
  }

  .el-dialog {
    --el-dialog-bg-color: rgb(0 50 50 / 95%);
  }
  .el-dialog__header {
    // background: linear-gradient(90deg, #114f8d 0%, #2b4962 100%) !important;
    // border-radius: 8px 8px 0 0 !important;
    // border-image: linear-gradient(
    //     90deg,
    //     rgba(43, 100, 155, 1),
    //     rgba(38, 93, 145, 0)
    //   )
    //   2 2 !important;
    margin-right: 0 !important;
    padding: 0px !important;
  }

  .el-message-box {
    background-color: #01332ebf !important;
    border: 1px solid #037e3c !important;
  }
  /* .el-message-box__header {
    background: linear-gradient(90deg, #114f8d 0%, #2b4962 100%) !important;
    border-radius: 8px 8px 0 0 !important;
    border-image: linear-gradient(90deg, rgba(43, 100, 155, 1), rgba(38, 93, 145, 0)) 2 2 !important;
    margin-right: 0 !important;
  } */
  .el-message-box__title {
    color: #fff !important;
  }
  .el-message-box__status + .el-message-box__message {
    color: #fff !important;
  }

  .el-message-box__message {
    width: 100%;
  }

  .el-tree--highlight-current
    .el-tree-node.is-current
    > .el-tree-node__content {
    background-color: transparent !important;
    color: #0e4e88 !important;
    // font-weight: bold;
  }

  // form-label
  .el-form-item__label {
    color: #f7fbfb !important;
  }

  // 复选框 checkbox
  .el-checkbox__inner {
    background-color: transparent !important;
  }

  // 数字输入框 input-number
  .el-input-number__decrease,
  .el-input-number__increase {
    background: transparent !important;
  }

  // 弹窗 dialog-header
  .el-dialog__title {
    // color: #fff !important;
    font-family: "PangMen";
    font-size: 22px;
    background: linear-gradient(90deg, #ffffff 0%, #90deff 100%);
    -webkit-background-clip: text; /*将设置的背景颜色限制在文字中*/
    -webkit-text-fill-color: transparent; /*给文字设置成透明*/
  }

  // 步骤条
  // 已完成图标背景色
  .el-step__icon {
    background: #186e54 !important;
    border: 1px solid #186e54 !important;
    z-index: 99 !important;
    // 已完成图标字体颜色
    .el-step__icon-inner {
      font-weight: unset !important;
      color: #fff !important;
    }
  }
  // 未完成图标背景色
  .is-process .el-step__icon.is-text {
    z-index: 99 !important;
    background: #0678db !important;
    // 未完成图标字体颜色
    .el-step__icon-inner {
      color: #fff !important;
    }
  }

  // 未进行步骤条
  .el-step__head.is-wait {
    .el-step__icon {
      z-index: 99 !important;
      background: #1e5787 !important;
    }
  }

  // 步骤线变为虚线
  .el-step.is-horizontal .el-step__line {
    border-top: 2px dashed #506d9c;
    height: 0;
    background-color: transparent;
  }

  // 已完成步骤title
  .el-step__title.is-process {
    color: #fff !important;
  }
  // 未完成步骤title
  .el-step__title.is-wait {
    color: #bcbfbd !important;
  }
  // 已完成步骤description
  .el-step__description.is-process {
    color: #fff !important;
  }
  // 未完成步骤description
  .el-step__description.is-wait {
    color: #bcbfbd !important;
  }

  // 上传
  .uploader-drop {
    background-color: #182f40 !important;
    border: 1px dashed #046d64 !important;
  }
  // 上传提示
  .form-block .upload-tips {
    color: #bbd1e3 !important;
  }

  // 分页器
  .el-pagination button {
    background: transparent !important;
  }
  // 分页器按钮
  .el-pagination .btn-next .el-icon,
  .el-pagination .btn-prev .el-icon {
    font-size: 18px !important;
  }
  // 分页器按钮选中颜色
  .el-pagination.is-background .btn-next.is-active,
  .el-pagination.is-background .btn-prev.is-active,
  .el-pagination.is-background .el-pager li.is-active {
    background-color: #04c47d !important;
  }
  // 分页器按钮未选中颜色
  .el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li {
    background-color: transparent !important;
    border: 1px solid rgba(25, 172, 137, 0.34);
  }
  // 分页器位置
  .pagination-container .el-pagination {
    right: 20px;
    position: absolute;
  }
  // .el-button--info {
  //   --el-button-border-color: #7a8f8d !important;
  //   --el-border-color: #7a8f8d !important;
  // }
  .el-button--info.is-link,
  .el-button--info.is-plain,
  .el-button--info.is-text {
    // --el-button-text-color: var(--el-color-info);
    --el-button-bg-color: #102635;
    // --el-button-border-color: var(--el-color-info-light-5);
    // --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: #6294c585;
    // --el-button-hover-border-color: var(--el-color-info);
    // --el-button-active-text-color: var(--el-color-white);
  }

  // 按钮颜色
  // :deep(
  //     .el-button--primary.is-link,
  //     .el-button--primary.is-plain,
  //     .el-button--primary.is-text
  //   ) {
  //   background: rgba(38, 134, 229, 0.45);
  //   border-color: #62b1ff73;
  // }
  .el-button--primary.is-link,
  .el-button--primary.is-plain,
  .el-button--primary.is-text {
    --el-button-bg-color: #ebf5ff12;
    --el-button-border-color: #00a57f;
  }
  .el-button--success.is-link,
  .el-button--success.is-plain,
  .el-button--success.is-text {
    --el-button-bg-color: rgba(172, 249, 127, 0.15);
    --el-button-border-color: #acf97f77;
    --el-button-hover-bg-color: rgba(172, 249, 127, 0.45);
  }
  // 按钮禁用状态
  .el-button--success.is-plain.is-disabled {
    background-color: #f0f9eb63 !important;
  }

  .el-button--danger.is-link,
  .el-button--danger.is-plain,
  .el-button--danger.is-text {
    --el-button-bg-color: rgba(254, 240, 240, 0.15);
    --el-button-border-color: #fab6b6;
    --el-button-hover-bg-color: rgba(245, 108, 108, 0.45);
  }
  // 删除按钮禁用状态
  .el-button--danger.is-plain.is-disabled {
    background: #fef0f059 !important;
  }
  :deep(
      .el-button--info.is-link,
      .el-button--info.is-plain,
      .el-button--info.is-text
    ) {
    background: #f4f4f542;
    border-color: #f4f4f542;
  }
  .el-button--warning.is-link,
  .el-button--warning.is-plain,
  .el-button--warning.is-text {
    background: #f7c67f59 !important;
    border-color: #f7c67f59 !important;
  }

  // 搜索按钮
  .search-btn {
    background: linear-gradient(180deg, #00478c 0%, #006cd6 100%);
    border-radius: 4px 4px 4px 4px;
    border-color: #006cd6;
  }
  // 重置按钮
  .reset-btn {
    background-color: #102635 !important;
    --el-button-text-color: #fff !important;
  }

  // table右上角搜索与刷新按钮

  .el-button.is-circle {
    color: #fff;
    background-color: transparent;
  }
  // .el-button:focus,
  .el-button:hover {
    // border-color: #4b90d9;
    // background-color: #6294c585;
    color: #fff;
  }

  .el-tag.el-tag--success {
    --el-tag-bg-color: #f0f9eb1a;
    --el-tag-border-color: #e1f3d800;
    --el-tag-hover-color: var(--el-color-success);
  }

  .el-tag.el-tag--danger {
    --el-tag-bg-color: #f0f9eb1a;
    --el-tag-border-color: #e1f3d800;
    --el-tag-hover-color: var(--el-color-danger);
  }

  .el-tag.el-tag--warning {
    --el-tag-bg-color: #f0f9eb1a;
    --el-tag-border-color: #e1f3d800;
    --el-tag-hover-color: var(--el-color-warning);
  }

  .el-tag.el-tag--primary {
    --el-tag-bg-color: #f0f9eb1a;
    --el-tag-border-color: #e1f3d800;
    --el-tag-hover-color: var(--el-color-primary);
  }

  .el-tag.el-tag--info {
    --el-tag-bg-color: #f0f9eb1a;
    --el-tag-border-color: #e1f3d800;
    --el-tag-hover-color: var(--el-color-info);
  }

  .el-tag.el-tag--default {
    --el-tag-bg-color: #f0f9eb1a;
    --el-tag-border-color: #e1f3d800;
    --el-tag-hover-color: var(--el-color-default);
  }

  .el-descriptions__body {
    background-color: transparent;
  }
  .el-descriptions__label:not(.is-bordered-label) {
    color: #fff;
  }
  .el-descriptions__content:not(.is-bordered-label) {
    color: #999;
  }
  .el-picker-panel {
    background-color: #304156;
  }
  .el-date-range-picker {
    .el-picker-panel__footer {
      background-color: #304156;
    }

    .el-picker-panel__sidebar {
      background-color: #304156;
    }

    .el-picker-panel__icon-btn {
      color: var(--el-text-color-regular);
    }

    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: #046d64;
    --el-datepicker-inner-border-color: #046d64;
    --el-datepicker-inrange-bg-color: #024537;
    --el-datepicker-inrange-hover-bg-color: #024537;
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary);
  }
  .el-select__wrapper,
  .el-input__wrapper {
    background-color: rgba(2, 57, 45, 0.8) !important;
  }

  .el-range-separator {
    color: var(--el-text-color-placeholder) !important;
  }

  .el-select__placeholder {
    color: #b4c0cc;
  }

  .el-empty {
    --el-empty-fill-color-0: var(--el-color-black);
    --el-empty-fill-color-1: #4b4b52;
    --el-empty-fill-color-2: #36383d;
    --el-empty-fill-color-3: #1e1e20;
    --el-empty-fill-color-4: #262629;
    --el-empty-fill-color-5: #202124;
    --el-empty-fill-color-6: #212224;
    --el-empty-fill-color-7: #1b1c1f;
    --el-empty-fill-color-8: #1c1d1f;
    --el-empty-fill-color-9: #18181a;
  }
}

.dark-popper {
  // color: #fff !important;
  background: #303133 !important;
  border: 1px solid #303133 !important;

  .el-popper__arrow {
    background: #303133 !important;
  }

  .el-popper__arrow::before {
    border: 1px solid #303133 !important;
    background: #303133 !important;
  }

  .el-dropdown-menu {
    background: #303133 !important;

    .el-dropdown-menu__item {
      color: #fff !important;
    }
  }

  .el-dropdown-menu__item:not(.is-disabled):focus {
    background-color: var(--el-text-color-regular);
  }

  :deep(.el-input__wrapper) {
    background-color: transparent;
    border: 1px solid #3da0fa;
    box-shadow: none;
    .el-input__inner {
      color: #bbcfff;
    }
  }
}

.el-dialog {
  padding: 0px;
  .el-dialog__body {
    // padding: calc(var(--el-dialog-padding-primary) + 10px)
    //   var(--el-dialog-padding-primary);
    padding: 10px 0px;
    color: #f5f7fa;
    // color: var(--el-text-color-regular);
    font-size: var(--el-dialog-content-font-size);
    word-break: break-all;
  }

  .el-dialog__header {
    padding: var(--el-dialog-padding-primary);
    padding-bottom: 10px;
    margin-right: 16px;
    word-break: break-all;
  }

  .el-dialog__footer {
    padding: var(--el-dialog-padding-primary);
    padding-top: 10px;
    text-align: right;
    box-sizing: border-box;
  }
}

.el-input__wrapper,
.el-textarea__inner {
  // --el-input-text-color: rgba(255, 255, 255, 0.85);
  // --el-text-color-placeholder: #909399;
  // background-color: transparent;
  // border: 1px solid #3da0fa;
  // box-shadow: none;
}

.el-drawer {
  --el-drawer-bg-color: #2b4962;
  .el-drawer__header {
    color: #fff;
  }
}
.el-radio {
  .el-radio__label {
    color: #cfd3dc;
  }

  .el-radio__inner {
    background-color: transparent;
    border: 1px solid rgb(114, 168, 163);
  }
}
// .el-radio.is-bordered {
//   background: #182f42 !important;
// }

// .el-radio.is-bordered.is-disabled {
//   border-color: transparent !important;
// }

.el-radio-group {
  .el-radio-button__inner {
    background: transparent;
    color: rgba(255, 255, 255, 1);
    border: 1px solid #038962;
  }

  .is-active {
    .el-radio-button__inner {
      background: #038962;
      color: rgba(255, 255, 255, 1);
      border: 1px solid #038962;
    }
  }
}

.el-radio-button__inner:hover {
  color: #038962 !important;
}

.el-radio-button__original-radio:checked + .el-radio-button__inner {
  background: #038962 !important;
  border-color: #038962 !important;
  box-shadow: -0.01rem 0 0 0 #038962 !important;
}

.el-radio-button:first-child .el-radio-button__inner {
  border-left-color: #038962 !important;
}
